<!DOCTYPE html>
<html lang="Zh-CN">
<head>
<meta charset="utf-8"/>
<title>oppo网站</title>
<link rel="stylesheet" type="text/css" href="images/public.css"/>
<link rel="stylesheet" type="text/css" href="images/demo.css"/>
</head>
<body>
<div id="top" class="auto">
<div class="nav">

<div class="left same"><img src="images/mainnav_l.gif"/></div>
	<div class="mainNav">
		<img src="images/logo.gif"/>
		<ul>
			<li><a href="demo.html">首页</a></li>
			<li><a href="list.html">手机</a></li>
			<li><a href="list.html">手机</a></li>
			<li><a href="list.html">手机</a></li>
			<li><a href="list.html">手机</a></li>
		</ul>
	</div>
<div class="right same"><img src="images/mainnav_r.gif"/></div>
</div>
			<div class="nav1">
			
			<form class="search" action="#">
				<input class="keywords" type="text" name="keywords" />
				<input class="btn" type="submit" value="" />
			</form>
			<div class="enter">
			<a href="#">登录</a>　  
			<a href="#">注册</a>　  
				<img src="images/shoppingcart_sicon.png" />
			<a class="cart" href="#">购物车0件</a>
			</div>
			</div>
			</div>
<div id="main">
<div class="auto">
<img class= "img1" width="956" src="images/20130508roclam.jpg" />
			<div class ="shopList">
			<div class="title">
				<h2>精品推荐</h2>
				<a href="#">更多&gt;&gt</a>
			</div>
			<div class="box">
				<div class="imgList">
					<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				
				<div class="imgList">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div class="imgList">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div class="imgList imgList4">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div style="clear:both;"></div>
			</div>
			</div>
			<div class ="shopList">
			<div class="title">
				<h2>新品上架</h2>
				<a href="#">更多&gt;&gt</a>
			</div>
			<div class="box">
				<div class="imgList">
					<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				
				<div class="imgList">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div class="imgList">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div class="imgList imgList4">
				<img width="160" height="160" src="images/75_thumb_G_1364283137730.jpg" />
						<p class="p0"><a href="#">Find 5 七彩家族系列保护壳</a></p>
						<p class="p1">￥68</p>
				</div>
				<div style="clear:both;"></div>
			</div>
			</div>
			<div class="brand">
				<img src="images/bottom.jpg" usemap="#brangImg"/>
				<map id="brangImg" name="brangImg">
					<area shape="rect" href="http://www.sifangku.com" coords="0,0,108,50" target="_blank"alt ="私房库" />
					
					<area shape="rect" href="http://www.baidu.com" coords="108,0,283,50" target="_blank"alt ="百度" />
				</map>
			
			
			</div>
		</div>

	</div>

<div id="bottom">
<p>联系QQ 1435785971</p>
<p>powered by<a href="http://www.sifangku.com">sifangku.com</a></p>
</div>
</body>
</html>